import React from 'react';
import { Spin } from 'antd';
import './PageLoading.css';

interface PageLoadingProps {
  tip?: string;
  size?: 'small' | 'default' | 'large';
  className?: string;
}

export const PageLoading: React.FC<PageLoadingProps> = ({
  tip = "加载中...",
  size = 'large',
  className = ''
}) => {
  return (
    <div className={`page-loading ${className}`}>
      <Spin size={size} tip={tip} />
    </div>
  );
};